import { lazy } from "react";
import {
    AppOutline,
    MessageOutline,
    MessageFill,
    UnorderedListOutline,
    UserOutline,
} from 'antd-mobile-icons'
let Login = lazy(() => import('../pages/login/Index'))
let Home = lazy(() => import('../pages/home/Index'))
let My = lazy(() => import('../pages/my/Index'))
let Qita = lazy(() => import('../pages/qita/Index'))
let Fenl = lazy(() => import('../pages/fenl/Index'))
let Mainout = lazy(() => import('../pages/mainout/Index'))

export let homeRouter = [
    {
        path: '/',
        element: <Home></Home>,
        title: '首页',
        icon: <AppOutline></AppOutline>
    },
    {
        path: '/fenl',
        element: <Fenl></Fenl>,
        title: '分类',
        icon: <AppOutline></AppOutline>
    },
    {
        path: '/qita',
        element: <Qita></Qita>,
        title: '其他',
        icon: <AppOutline></AppOutline>
    },
    {
        path: '/my',
        element: <My></My>,
        title: '我的',
        icon: <AppOutline></AppOutline>
    },

]


export let routers = [
    {
        path: '/',
        element: <Mainout></Mainout>,
        children: homeRouter
    },
    {
        path: '/login',
        element: <Login></Login>
    }
]